@import './variables.scss';

$defaultBorderColor : #c0d8f1;
$defaultBorderActiveColor : #4caafc;
$defaultBgColor : #fff;
$defaultBgActiveColor : #f6faff;

$primaryColor : #0082f3 ;
$primaryActiveColor : #0075da ;

.el-button{
    padding: 0 15px ;
    font-size: $fontSmall ;
    line-height: 1;
    vertical-align: top;
    border-radius: $borderMiddleRadius ;
    
    &[disabled] {
        opacity: .6;
    }
    
    // 默认样式
    &.el-button--default{
        color: $blue ;
        background: $defaultBgColor;
        border-color: $defaultBorderColor;
        
        &:hover,&:focus {
            background: $defaultBgActiveColor;
            border-color: $defaultBorderActiveColor;
        }
    }
    // primary按钮颜色
    &.el-button--primary {
        color: #fff;
        background: $primaryColor;
        border-color: $primaryColor;
        
        &:hover,&:focus {
            background: $primaryActiveColor;
            border-color: $primaryActiveColor;
        }
    }
    
    
    span {
        display: inline-block;
        vertical-align: top;
        height: 28px;
        line-height: 28px;
        
        i {
            display: inline-block;
            vertical-align: middle;
            font-size: 18px;
            margin-right: 5px;
        }
    }
    
    
    &.is-loading {
        .el-icon-loading {
            line-height: 28px;
        }
    }
    
    
}
